<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>购物车</title>
		<link rel="stylesheet" href="../css/cart.css" />
		<link rel="stylesheet" href="../font-awesome-4.6.3/css/font-awesome.css"/>
		<script src="../js/cookie.js"></script>
		<script src="../js/jQ/jquery-1.11.2.js"></script>		
		<script src="../js/startMove.js"></script>
		<script src="../js/cart.js"></script>
		
	</head>
	<body>
		<!--top-->
		<div id="header">
			<span class="pull-left l">
				<span class="post l">
					<span class="post-pic l"></span>
					<a href="javascript:;" class="first l">上海</a>
					<div class="select">
						<h5>热门城市</h5>
						<ul class="select-top">
							<li class="l"><a href="javascript:;">上海</a></li>
							<li class="l"><a href="javascript:;">广州</a></li>
							<li class="l"><a href="javascript:;">北京</a></li>
							<li class="l"><a href="javascript:;">苏州</a></li>
							<li class="l"><a href="javascript:;">南京</a></li>
							<li class="l"><a href="javascript:;">深圳</a></li>
						</ul>
						<h5>选择城市</h5>
						<ul class="select-down">
							<li>
								<a href="javascript:;">上海</a>
							</li>
							<li>
								<a href="javascript:;">上海崇明</a>
							</li>
							<li class="pull">
								<a href="javascript:;">江苏<span class="jiantou r "></span></a>
								<div class="city">
									<a href="javascript:;">常州</a>
									<a href="javascript:;">淮安</a>
									<a href="javascript:;">连云港</a>
									<a href="javascript:;">南京</a>
									<a href="javascript:;">南通</a>
									<a href="javascript:;">苏州</a>
									<a href="javascript:;">泰州</a>
									<a href="javascript:;">无锡</a>
									<a href="javascript:;">宿迁</a>
									<a href="javascript:;">徐州</a>
									<a href="javascript:;">盐城</a>
									<a href="javascript:;">扬州</a>
									<a href="javascript:;">镇江</a>
								</div>
							</li>
							<li class="pull">
								<a href="javascript:;">浙江<span class="jiantou r"></span></a>
								<div class="city">
									<a href="javascript:;">杭州</a>
									<a href="javascript:;">湖州</a>
									<a href="javascript:;">嘉兴</a>
									<a href="javascript:;">金华</a>
									<a href="javascript:;">丽水</a>
									<a href="javascript:;">宁波</a>
									<a href="javascript:;">衢州</a>
									<a href="javascript:;">绍兴</a>
									<a href="javascript:;">台州</a>
									<a href="javascript:;">温州</a>
									<a href="javascript:;">舟山</a>
								</div>
							</li>
							<li class="pull">
								<a href="javascript:;">安徽<span class="jiantou r"></span></a>
								<div class="city">
									<a href="javascript:;">安庆</a>
									<a href="javascript:;">蚌埠</a>
									<a href="javascript:;">亳州</a>
									<a href="javascript:;">池州</a>
									<a href="javascript:;">滁州</a>
									<a href="javascript:;">阜阳</a>
									<a href="javascript:;">合肥</a>
									<a href="javascript:;">淮北</a>
									<a href="javascript:;">淮南</a>
									<a href="javascript:;">黄山</a>
									<a href="javascript:;">六安</a>
									<a href="javascript:;">马鞍山</a>
									<a href="javascript:;">铜陵</a>
									<a href="javascript:;">芜湖</a>
									<a href="javascript:;">宿州</a>
									<a href="javascript:;">宣城</a>
								</div>
							</li>
							<li>
								<a href="javascript:;">北京</a>
							</li>
							<li>
								<a href="javascript:;">天津</a>
							</li>
							<li class="pull">
								<a href="javascript:;">河北<span class="jiantou r"></span></a>
								<div class="city">
									<a href="javascript:;">石家庄</a>
									<a href="javascript:;">廊坊</a>
									<a href="javascript:;">承德</a>
									<a href="javascript:;">唐山</a>
									<a href="javascript:;">保定</a>
									<a href="javascript:;">沧州</a>
									<a href="javascript:;">邯郸</a>
									<a href="javascript:;">衡水</a>
									<a href="javascript:;">秦皇岛</a>
									<a href="javascript:;">邢台</a>
									<a href="javascript:;">张家口</a>
								</div>
							</li>
							<li class="pull">
								<a href="javascript:;">广东<span class="jiantou r"></span></a>
								<div class="city">
									<a href="javascript:;">深圳</a>
									<a href="javascript:;">广州</a>
									<a href="javascript:;">珠海</a>
									<a href="javascript:;">汕头</a>
									<a href="javascript:;">韶关</a>
									<a href="javascript:;">佛山</a>
									<a href="javascript:;">江门</a>
									<a href="javascript:;">湛江</a>
									<a href="javascript:;">茂名</a>
									<a href="javascript:;">肇庆</a>
									<a href="javascript:;">惠州</a>
									<a href="javascript:;">梅州</a>
									<a href="javascript:;">汕尾</a>
									<a href="javascript:;">河源</a>
									<a href="javascript:;">阳江</a>
									<a href="javascript:;">清远</a>
									<a href="javascript:;">东莞</a>
									<a href="javascript:;">中山</a>
									<a href="javascript:;">揭阳</a>
									<a href="javascript:;">云浮</a>
									<a href="javascript:;">潮州</a>	
								</div>
							</li>
						</ul>
					</div>				
				</span>
				满百包邮（环郊内）
				<a href="###" class="exp">星夜达</a>
			</span>
			<ul class="pull-right r">
				<li class="l">
					<a href="login.html">[登录] </a>
					&nbsp;&nbsp;&nbsp;&nbsp;,&nbsp;&nbsp;
					<a href="register.html"> [注册有惊喜]</a>
				</li>
				<li class="l">|</li>
				<li class="l post">果园公告
					<div class="pull-right-news select">
						<ul>
							<li>
								<a href="###" target="_blank">全仓充值活动调整公告</a>
								<strong>new</strong>
							</li>
							<li>
								<a href="###" target="_blank">充值赠品有效期规则公告</a>
								<strong>new</strong>
							</li>
							<li>
								<a href="###" target="_blank">全仓充值活动调整公告</a>
								<strong>new</strong>
							</li>
						</ul>
						<div>
							<a href="###">查看更多 > </a>
						</div>
					</div>
				</li>
				<li class="l">|</li>
				<li class="l"><a href="###">券卡兑换</a></li>
				<li class="l">|</li>
				<li class="l post">
					<img src="../img/header-phone.jpg" alt="phone" />	
					手机果园
					<div class="pull-right-phone select">
						<div>
							<a href="####">下载果园app</a>
							，即享果园特价商品
						</div>
						<dl>
							<dt class="l">
								<img src="../img/guan_ewcode2.jpg" alt="app" />
							</dt>
							<dd class="r one">
								<a href="###">
									<img src="../img/guan_btn01.jpg" alt="btn01" />
									<img src="../img/guan_btn02.jpg" alt="btn02" />
								</a>
							</dd>
						</dl>
						<dl style="border: 0;">
							<dt class="l">
								<img src="../img/guan_ewcode1.jpg" alt="weixin" />
							</dt>
							<dd class="r two">
								<span>关注果园微信</span>
								优惠信息实时掌握
							</dd>
						</dl>
					</div>
				</li>
				<li class="l">|</li>
				<li class="l">
					<img src="../img/header-call.jpg" alt="call" />
					<b>400-720-0770</b>
				</li>
			</ul>
		</div>
		<!--nav-->
		<div id="nav">
			<h1 class="l"><a href="../index.html"></a></h1>
			<ul class="r flow">
				<li class="l flow-left cur">
					<span>1</span>
					<p>我的购物车</p>
				</li>
				<li class="l flow-center">
					<span>2</span>
					<p>确认订单信息</p>					
				</li>
				<li class="l flow-right">
					<span>3</span>
					<p>成功提交订单</p>					
				</li>
			</ul>
		</div>
		<!--购物车-->
		<div id="cart" class="w">
				<div class="cart-top">
					<p class="l">我的购物车</p>
					<a href="list.html" class="r">继续逛逛></a>
				</div>
				<div class="cart-content">
					<ul class="cart-head">
						<li class="cart-select l">
							<!--<span>全选</span>-->
						</li>
						<li class="cart-goods l">
							<span>商品</span>
						</li>
						<li class="cart-spec l">
							<span>规格</span>
						</li>
						<li class="cart-price l">
							<span>单价(元)</span>
						</li>
						<li class="cart-num l">
							<span>数量</span>
						</li>
						<li class="cart-sum l">
							<span>原价(元)</span>
						</li>
						<li class="cart-action l">
							<span>操作</span>
						</li>
					</ul>
					<div class="cart-order">
						<div class="nothing" style="display: none;">
							购物车中还没有商品，
							<a href="list.html" >继续逛逛</a>吧！
						</div>
						<ul class="cart-cart">
							<li class="l cart-img">
								<a href="details.html">
									<img />
								</a>
							</li>
							<li class="l cart-name">
								<a href="details.html" class="oName"></a>
							</li>
							<li class="l cart-heft">
								<span></span>斤
							</li>
							<li class="l cart-money">
								￥<span></span>
							</li>
							<li class="l cart-jiajian">
								<div class="price-num-area l">
									<span class="num l numdown">-</span>
									<input type="tel" value="1" class="num-int l"/>
									<span class="num l numup">+</span>
								</div>	
							</li>
							<li class="l cart-moneyAll">
								￥<span></span>
							</li>
							<li class="l cart-remove">
								<a href="###">删除</a>
							</li>
							
						</ul>
					</div>
				</div>
		<!--浏览推荐tab切换-->
			<div class="cart-history">
				<div class="history-tab">
					<ul>
						<li class="l history-li looked">
							<p>你最近浏览过的商品</p>
						</li>
						<li class="l history-li">
							<p class="noborder">你可能感兴趣的商品</p>
						</li>
					</ul>
				</div>
				<div class="history-con">
					<div class="tab-goods"></div>
					<div class="tab-goods"></div>
				</div>
			</div>
		</div>			
		<!--底部-->
		<div id="footer" class="w">
			<div class="footer-top w">
				<ul class="footer-icon">
					<li class="l" style="background: url(../img/icon.png) no-repeat 35px 0px"></li>
					<li class="l" style="background: url(../img/icon.png) no-repeat 35px -60px"></li>
					<li class="l" style="background: url(../img/icon.png) no-repeat 35px -120px"></li>
					<li class="l last" style="background: url(../img/icon.png) no-repeat 35px -180px"></li>
				</ul>
			</div>
			<div class="footer-center w">
				<div class="center-left l">
					<div class="footer-center-logo"></div>
					<div class="footer-center-phone">
						<img src="../img/guan_tel.png" alt="phone" />
					</div>
					<div class="footer-center-time">
						 <span>服务时间  </span>08:00 - 22:00
					</div>
				</div>
				<ul class="center-center l">
					<li class="l"><img src="../img/guan_ewcode1.jpg" alt="微信"></img><span>天天果园官方微信</span></li>
					<li class="l"><img src="../img/guan_ewcode2.jpg" alt="APP"></img><span>天天果园APP</span></li>
				</ul>
				<ul class="center-right l">
					<li class="l">
						<h4>购物指南</h4>
						<a href="###">新用户注册</a>
						<a href="###">在线下单</a>
						<a href="javascript:;">支付方式</a>
					</li>
					<li class="l">
						<h4>配送说明</h4>
						<a href="javascript:;">运费说明</a>
						<a href="javascript:;">运费方式</a>
						<a href="javascript:;">发票说明</a>
					</li>
					<li class="l">
						<h4>售后服务</h4>
						<a href="javascript:;">退换货规则</a>
						<a href="javascript:;">服务保障承诺</a>
						<a href="javascript:;">验货与签收</a>
					</li>
					<li class="l">
						<h4>企业服务</h4>
						<a href="javascript:;">企业订购</a>
						<a href="javascript:;">公司简介</a>
						<a href="javascript:;">定制专区</a>
					</li>
				</ul>
			</div>
			<div class="footer-down w">
				<p class="down-p1">版权所有 © 2015天天果园  保留所有权利 | 沪ICP备12042163</p>
				<p class="down-p2">天天果园  鲜果网购</p>
				<div>
					<img src="../img/guan_shgs.gif" alt="工商" />
					<img src="../img/guan_wgdjp.png" alt="网购大家评" class="pic2" />
				</div>
			</div>
		</div>
	</body>
</html>
